<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>
    


    // ajax("请求a").then(res1=>{
    //     ajax("请求b").then((res2)=>{
    //         ajax("请求c").then((res3)=>{
    //             console.log(res1, res2, res3)
    //         })
    //     })
    // },code=>{
    //     console.log(code)
    // })

    // const p1 = ajax("请求a");
    // const p2 = ajax("请求b");
    // const p3 = ajax("请求c");

    // Promise.all([p1,p2,p3]).then(res=>{
    //     console.log(res);
    // },code=>{
    //     console.log(code);
    // })


    const p1 = ajax("请求a");
    const p2 = ajax("请求b");
    const p3 = ajax("请求c");
    Promise.race([p1,p2,p3]).then(res=>{
        console.log(res);
    },code=>{
        console.log(code);
    })






    function ajax(url){
        return new Promise((resolve, reject)=>{
            setTimeout(()=>{
                resolve(url + "，请求成功")
            }, Math.random()*1000)

            setTimeout(()=>{
                reject(url + "，请求失败了")
            }, Math.random()*1000)
        })
    }


</script>
</html>